<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<bsl:layout-render name="/WEB-INF/jsp/portalCommon/layout.jsp">
<bsl:layout-component name="html-head">
<meta name="description" content="Windy Warm Corporation is always engaged in manufacturer of gasoline containers and has many kinds of gas can series. The Catalog here shows that all products which are supplied to global market.">

    <script src="<%=request.getContextPath()%>/js/zoomer.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41141994-1', 'windywarm.com');
  ga('send', 'pageview');

</script>
<script type="text/javascript">
$(document).ready(function(){
 	$('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
});
</script>
</bsl:layout-component>
<bsl:layout-component name="title">
Gas Cans - ${curDivision.divNameEn}
</bsl:layout-component>
<bsl:layout-component name="content" >
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:set value="gas-cans" var="urlPrefix"></c:set>

<div class="potal_title_div">
<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;width:100%">
	<a href="${contextPath}/${urlPrefix}/viewHome">Home</a> &gt; Products
</div>
</div>	
<div class="article_core">

<c:forEach items="${articles}" var="article" varStatus="vs">
	<c:choose>
		<c:when test="${empty preCateId}">
			<div class="potal_title_div">
				<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					<a href="${contextPath}/${urlPrefix}/viewProducts?category.id=${article.category.id}">${article.category.cateNameEn}</a>
				</div>
			</div>
			<ul class="thumb">
		</c:when>
		<c:when test="${not empty preCateId and article.categoryId != preCateId}">
			</ul>
			<div class="potal_title_div">
				<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					<a href="${contextPath}/${urlPrefix}/viewProducts?category.id=${article.category.id}">${article.category.cateNameEn}</a>
				</div>
			</div>
			<ul class="thumb">
		</c:when>
	</c:choose>
	<c:set value="${article.categoryId}" var="preCateId"></c:set>
	<li><a href="${contextPath}/${urlPrefix}/viewProductItem?article.id=${article.id}"><img src="${contextPath}${article.album.coverPhoto.thumbnailMiddle}" alt="${article.title}" /></a></li>
</c:forEach>
</ul>

	<div>
			<jsp:include page="../common/pageNum.jsp">
					<jsp:param value="${contextPath}/${urlPrefix}/viewProducts?" name="actionName"/>
					<jsp:param value="${page}" name="page"/>
		        </jsp:include>
	</div>	
</div>

</bsl:layout-component>

<bsl:layout-component name="side_info">

	<jsp:include page="prodCateInfo.jsp">
		<jsp:param value="${productDiv}" name="productDiv"/>
 		<jsp:param value="${curCategory}" name="curCategory"/>
   	</jsp:include>
	
		<jsp:include page="contactInfo.jsp">
		<jsp:param value="null" name="null"/>
   	</jsp:include>
	
</bsl:layout-component>


</bsl:layout-render>